.borderBotttomOne(@color) {
  &::after {
    content: '';
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  
    border-bottom: 1px solid @color;
    width: 100%;
    height: 1px;
  
    @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx), {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
    }
    @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 2dppx), {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
    }
    @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3),(min-resolution: 3dppx), {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
    }

  }
}
